/*
  学习目标：时间选择器的基本使用
*/

import { Button, DatePicker } from 'antd-mobile';
import { useState } from 'react';
import styles from './index.module.scss';

export default function Test() {
  const [visible, setVisible] = useState(false);
  return (
    <div className={styles.root}>
      <Button onClick={() => setVisible(true)}>点我</Button>
      <DatePicker
        visible={visible}
        onClose={() => setVisible(false)}
        min={new Date('1900-01-01')}
        max={new Date('2122-01-01')}
        onConfirm={(val) => {
          console.log('val  ----->  ', val);
        }}
        title="选择器"
      />
    </div>
  );
}
